<!--
 * @Author: 叫我龟先生 yyxxkahhh@163.com
 * @Date: 2022-09-22 19:34:11
 * @LastEditors: 叫我龟先生 yyxxkahhh@163.com
 * @LastEditTime: 2022-09-22 19:51:58
 * @FilePath: \my_vue_03\src\components\Dog1.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="box">
    <img src="https://t7.baidu.com/it/u=938651884,1522785317&fm=193&f=GIF" alt="">
    <p>这是一只美丽的小狗</p>
  </div>
</template>

<script>
//把图片插入进来，设置图片样式
//设置一个盒子，长宽高，设置一个类名
//图片宽高，文字在里边
//app里引入这个文件
export default {

}
</script>

<style>
.box{
    width: 200px;
    height: 180px;
    border: 1px solid black;
    text-align: center;
    color: darkslategrey;
    float: left;
}
.box img{
    width: 100%;
}
.box p{
    margin-top: 10px;
};
</style>